// 在模板区域——多标签页样式
.farris-split-section {

  // tab样式
  .k-tabstrip>.k-content {
    padding: $f-pt-tabs-content-gutters;
    border-width: 0;
  }

  .k-tabstrip>.k-tabstrip-items .k-item {
    color: $farris-ptlayout-tabstrip-item-text;
    border-width: $farris-ptlayout-tabstrip-item-border-width;

    .k-link {
      padding: $f-pt-tabs-header-gutters;
      font-size: $f-pt-tabs-header-font-size;
      line-height: $f-pt-tabs-header-line-height;
    }

    &.k-state-hover,
    &:hover {
      color: $farris-ptlayout-tabstrip-item-hover-text;
      border-color: $farris-ptlayout-tabstrip-item-hover-border-color;
    }

    &.k-state-active {
      border-color: $farris-ptlayout-tabstrip-item-active-border-color;
      color: $farris-ptlayout-tabstrip-item-active-text;

      &:hover {
        border-color: $farris-ptlayout-tabstrip-item-active-border-color;
      }
    }
  }
}

.f-pt-main .f-cmp-tabs {
  padding: $f-cmp-tabs-inner-gutter;

  // tab样式
  &>.k-content {
    padding: $f-pt-tabs-content-gutters;
    border-width: 0;
  }

  &>.k-tabstrip-items .k-item {
    color: $farris-ptlayout-tabstrip-item-text;
    border-width: $farris-ptlayout-tabstrip-item-border-width;

    .k-link {
      padding: $f-pt-tabs-header-gutters;
      font-size: $f-pt-tabs-header-font-size;
      line-height: $f-pt-tabs-header-line-height;
    }

    &.k-state-hover,
    &:hover {
      color: $farris-ptlayout-tabstrip-item-hover-text;
      border-color: $farris-ptlayout-tabstrip-item-hover-border-color;
    }

    &.k-state-active {
      border-color: $farris-ptlayout-tabstrip-item-active-border-color;
      color: $farris-ptlayout-tabstrip-item-active-text;

      &:hover {
        border-color: $farris-ptlayout-tabstrip-item-active-border-color;
      }
    }
  }
}

.f-tabstrip-fill {
  &.k-tabstrip>.k-content.k-state-active {
    display: flex;
    flex-direction: column;
  }

  display: flex;
  flex-direction: column;

  .farris-tabs-body {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 0;
    position: relative;

    farris-tab {
      >div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }
    }
  }
}